<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="../include/laypublic.jsp"%>
<!DOCTYPE html>
<html>
<head>
</head>
<title>接待申请信息列表</title>
<style type="text/css">

.layui-form-item {
	margin-bottom: 5px;
	clear: both;
	*zoom: 1;
}

.layui-form-label {
	width: 110px;
}
</style>
</head>
<body>
	<div class="layui-fluid">
		<div class="layui-card">
			<!-- 查询区域  -->
			<div id="query-form" class="layui-form layui-card-header layuiadmin-card-header-auto">
				<div class="layui-form-item" >
		          	<div class="layui-inline" >
		            	<label class="layui-form-label">单据ID</label>
		            	<div class="layui-input-inline">
		              		<input type="text" name="codes" placeholder="请输入单据编号" autocomplete="off" class="layui-input">
		            	</div>
		          	</div>
		          	<div class="layui-inline">
		            	<label class="layui-form-label">来访单位</label>
		            	<div class="layui-input-inline">
		              		<input type="text" name="visitOrg" placeholder="请输入来访单位" autocomplete="off" class="layui-input">
		            	</div>
		          	</div>
		       		<div class="layui-inline">
		             	<label class="layui-form-label">接待日期</label>
		             	<div class="layui-input-inline">
		               		<input type="text" class="layui-input" id="reception-laydate-start" name="startDate" readonly placeholder="开始日期">
		             	</div>
		             	<div class="layui-form-mid">
		               	-
		             	</div>
		             	<div class="layui-input-inline">
		               		<input type="text" class="layui-input" id="reception-laydate-end" name="endDate" readonly placeholder="结束日期">
		             	</div>
		       		</div>
		       	</div>
				<div class="layui-form-item">
					<div class="layui-inline">
		            	<label class="layui-form-label">单据状态</label>
		            	<div class="layui-input-inline">
		              		<select name="processStatus">
				              	<option value="">请选择-单据状态</option>
				              	<option value="1">审批中</option>
				              	<option value="9">审批完成</option>
				              	<option value="10">审批终止</option>
		              		</select>
		            	</div>
		          	</div>
		          	<shiro:hasPermission name="LIST_SERVE_RECORD">
		          	<div class="layui-inline" >
		          		<label class="layui-form-label"></label>
			            <button class="layui-btn layuiadmin-btn-admin" lay-submit lay-filter="LAY-build-search">
			              	<i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>查询
			            </button>
			            <button class="layui-btn layuiadmin-btn-admin" lay-submit lay-filter="LAY-user-back-reset">
			              	<i class="layui-icon layui-icon-fonts-clear  layuiadmin-button-btn"></i>重置
			            </button>
		          	</div>
		          	</shiro:hasPermission>
				</div>								
			</div>
			<!-- 按钮区域  -->
			<div class="layui-card-body">
				<div style="padding-bottom: 10px;">
					<shiro:hasPermission name="ADD_SERVE_RECORD">
						<button class="layui-btn layuiadmin-btn-admin " data-type="add">
							<i class="layui-icon layui-icon-add-1 layuiadmin-button-btn"></i>新建
						</button>
					</shiro:hasPermission>
					<shiro:hasPermission name="EXPORT_SERVE_RECORD">
						<button class="layui-btn layuiadmin-btn-admin " data-type="export"
							onclick="exportList();">
							<i class="layui-icon layui-icon-export layuiadmin-button-btn"></i>导出
						</button>
					</shiro:hasPermission>
				</div>
				<!-- 数据表单 -->
				<div class="layui-tab layui-tab-brief"
					lay-filter="component-tabs-brief">
					<ul class="layui-tab-title">
						<li class="layui-this" lay-id="create"><B>我发起的</B></li>
						<li lay-id="wait"><B>我审批的</B></li>
					</ul>
					<div class="layui-tab-content">
						<div class="layui-tab-item layui-show">
							<table id="LAY-build-create-manage"
								lay-filter="LAY-build-create-manage"></table>
						</div>
						<div class="layui-tab-item">
							<table id="LAY-build-wait-manage"
								lay-filter="LAY-build-wait-manage"></table>
						</div>
					</div>
				</div>

			</div>
		</div>
	</div>

	<script>
		layui.config({
					base : '${ctx}/resources/layuiadmin/' //静态资源所在路径
				}).extend({
					index : 'lib/index' //主入口模块
				}).use([ 'index', 'table', 'set', 'transfer', 'laydate' ],function() {
							var $ = layui.$, form = layui.form, table = layui.table, element = layui.element, laydate = layui.laydate;
							//tab重新渲染宽度
							element.on('tab(component-tabs-brief)', function(obj) {
								$(window).resize();
							});
														
					 	    var receptionStart = laydate.render({
					 	  	      elem: '#reception-laydate-start'
					 	  	      ,done: function(value, date){
					 	  	        //更新结束日期的最小日期
					 	  	        receptionEnd.config.min = lay.extend({}, date, {
					 	  	          month: date.month - 1
					 	  	        });
					 	  	        
					 	  	        //自动弹出结束日期的选择器
					 	  	       receptionEnd.config.elem[0].focus();
					 	  	      }
					 	  	    });
					 	  	    
					 	  	    //结束日期
					 	  	    var receptionEnd = laydate.render({
					 	  	      elem: '#reception-laydate-end'
					 	  	      ,done: function(value, date){
					 	  	        //更新开始日期的最大日期
					 	  	        receptionStart.config.max = lay.extend({}, date, {
					 	  	          month: date.month - 1
					 	  	        });
					 	  	      }
					 	  	    });


							// 正则校验
							form.verify({
								//验证汉字
								CHS : [ /^[\u0391-\uFFE5]+$/, '只能输入汉字' ],
								//大于0的正整数
								intNumber : [ /^[1-9]\d*$/, '请输入正确的数字' ]
							});

							// 表单
							table
									.render({
										elem : '#LAY-build-create-manage',
										url : basePath
												+ '/serveRecord/queryDataByCondition?hrStaffApplyId=${SESSION_KEY_USER_DETAIL.hrStaffId }' //请求数据接口
										,cols : [ [
												{
													field : 'codes',
													title : '单据ID',
													width : 170,
													align : 'center'
												},
												{
													field : 'serveDate',
													title : '接待日期',
													width : 130,
													align : 'center',
													templet : function(d) {
														return layui.util.toDateString(d.serveDate,"yyyy-MM-dd");
													}
												},
												{
													field : 'visitOrg',
													title : '来访单位',
													width : 170,
													align : 'center'
												},
												{
													field : 'orgName',
													title : '申请公司',
													width : 170,
													align : 'center'
												},
												{
													field : 'deptName',
													title : '申请部门',
													width : 100,
													align : 'center'
												},
												{
													field : 'staffName',
													title : '申请人',
													width : 100,
													align : 'center'
												},
												{
													field : 'addTime',
													title : '创建日期',
													width : 170,
													align : 'center',
													templet : function(d) {
														return layui.util.toDateString(d.addTime,"yyyy-MM-dd HH:mm:ss");
													}
												}
												,{field: 'processStatus', title: '单据状态', width: 103, fixed: 'right',align:'center', templet: function(d){
								        			if(d.processStatus == '1'){	    					
								    					return '审批中';
								    				}else if(d.processStatus == '9'){	    					
								    					return '审批完成';
								    				}else if(d.processStatus == '10'){	    					
								    					return '<span class="layui-badge layui-bg-cyan">审批终止</span>';
								    				}
							              		}
							        		},
												{
													title : '操作',
													width : 160,
													align : 'center',
													fixed : 'right',
													align : 'center',
													templet : function(d) {
														var optStr = "";
														<shiro:hasPermission name="VIEW_SERVE_RECORD" >
															optStr += '<a class="layui-btn layui-btn-xs" lay-event="view"><i class="layui-icon layui-icon-form"></i>详情</a>';
														</shiro:hasPermission>
														if(d.processStatus == '10'){
									  	  					optStr += '<a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del"><i class="layui-icon layui-icon-delete"></i>删除</a>';
									  	  	  			}
														return optStr;
													}
												} ] ],
										page : true,
										limit : 10
									});

							// 表单
							table.render({
										elem : '#LAY-build-wait-manage',
										url : basePath+ '/serveRecord/queryMyCheckDataByCondition' //请求数据接口
										,cols : [[
										          {
													field : 'codes',
													title : '单据ID',
													width : 170,
													align : 'center'
												},
												{
													field : 'serveDate',
													title : '接待日期',
													width : 130,
													align : 'center',
													templet : function(d) {
														return layui.util.toDateString(d.serveDate,"yyyy-MM-dd");
													}
												},
												{
													field : 'visitOrg',
													title : '来访单位',
													width : 170,
													align : 'center'
												},
												{
													field : 'orgName',
													title : '申请公司',
													width : 170,
													align : 'center'
												},
												{
													field : 'deptName',
													title : '申请部门',
													width : 100,
													align : 'center'
												},
												{
													field : 'staffName',
													title : '申请人',
													width : 100,
													align : 'center'
												},
												{
													field : 'addTime',
													title : '创建日期',
													width : 170,
													align : 'center',
													templet : function(d) {
														return layui.util.toDateString(d.addTime,"yyyy-MM-dd HH:mm:ss");
													}
												}
												,{field: 'mineStatus', width: 105,title: '审批状态',fixed: 'right',align:'center',templet: function(d){
									              	  var stateStr = '';
									          		  if(d.mineStatus == '0'){
									          			  stateStr = '我已审批';
									          		  }else if(d.mineStatus == '1'){
									          			  stateStr = '<span class="layui-badge layui-bg-red">待我审批</span>';
									          		  }else if(d.mineStatus == '9'){
									          			  stateStr = '审批完成';
									          		  }else if(d.mineStatus == '10'){
									          			  stateStr = '<span class="layui-badge layui-bg-cyan">审批终止</span>';
									          		  }
									        			  return stateStr;
									               }
									        	},
												{
													title : '操作',
													width : 180,
													align : 'center',
													fixed : 'right',
													align : 'center',
													templet : function(d) {
														var optStr = "";
														<shiro:hasPermission name="VIEW_SERVE_RECORD" >
															optStr += '<a class="layui-btn layui-btn-xs" lay-event="view"><i class="layui-icon layui-icon-form"></i>详情</a>';
														</shiro:hasPermission>
														<shiro:hasPermission name="CHECK_SERVE_RECORD">
									  	  				if(d.mineStatus == '1'){
										  	  				optStr += '<a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="toDispatch"><i class="layui-icon layui-icon-release"></i>去审批</a>';
									  	  				}
								  	  					</shiro:hasPermission>
														return optStr;
													}
												} ] ],
										page : true,
										limit : 10
									});

							<shiro:hasPermission name="LIST_SERVE_RECORD">
							//监听搜索
							form.on('submit(LAY-build-search)', function(data) {
								var tabId = $(".layui-tab-title .layui-this")
										.attr("lay-id");
								if (tabId == 'create') {
									//执行重载
									table.reload('LAY-build-create-manage', {
										page : {
											curr : 1
										},
										where : trimData(data)
									});
								} else {
									//执行重载
									table.reload('LAY-build-wait-manage', {
										page : {
											curr : 1
										},
										where : trimData(data)
									});
								}
							});
							//重置清空
							form.on('submit(LAY-user-back-reset)', function(
									data) {
								reset_form('query-form');
								//额外处理select
								$("#query-form-state").val('');
								form.render();
							});
							</shiro:hasPermission>

							// 监听操作列
							table.on('tool(LAY-build-create-manage)', function(
									obj) {
								var data = obj.data;
								if (obj.event === 'view') {
									parent.layui.index.openTabsPage(basePath
											+ '/serveRecord/toDealOrDetail?id='
											+ data.id, '申请接待信息 > 详情');
								}else if(obj.event === 'del'){//删除
					      			layer.confirm('确定要删除？',{icon:3, title :'提示'}, function(index){
					          			$.ajax({
					            			type : 'post',
					    						url : basePath + '/flowProcess/logicDel',
					    						data : {
					    		    				"processId" :data.processId
					    		    			},//数据，这里使用的是Json格式进行传输  
					    						success:function(result){
					    							if(result){
					        							table.reload('LAY-build-create-manage'); //数据刷新
					        							layer.close(index); //关闭弹层
					    							}else{
					    								layer.msg('数据通信异常~',{icon: 0});
					    			  				}
					    						}
					        			});
					       			})
					       		}
							});

							
							// 监听操作列
							table.on('tool(LAY-build-wait-manage)', function(obj) {
								var data = obj.data;
								if (obj.event === 'view') {
									parent.layui.index.openTabsPage(basePath + '/serveRecord/toDealOrDetail?id=' + data.id, '申请接待信息  > 详情');
								} else if (obj.event === 'toDispatch') {
									parent.layui.index.openTabsPage(basePath + '/flowProcess/toDispatch?processId=' + data.processId, '申请接待信息 ' + ' > 审核');
								}
							});

							
							// 按钮事件
							var active = {
								add : function() {
									parent.layui.index.openTabsPage(basePath + '/serveRecord/add', '申请接待信息 > 新建');
								}
							}

							// data-type事件
							$('.layui-btn.layuiadmin-btn-admin').on(
									'click',
									function() {
										var type = $(this).data('type');
										active[type] ? active[type].call(this)
												: '';
									});

						});

		//导出excel
		function exportList() {
			layer.msg("暂未上线，敬请期待~", {
				icon : 1
			});

			/*
			var $ = layui.$;
			var params = "?proCode=";
			params += $('#queryProCode').val().trim();
			params += "&startDate=";
			params += $('#apply-date').val().trim();
			params += "&endDate=";
			params += $('#sent-laydate-end').val().trim();
			params += "&customerName=";
			params += $('#queryCustomerName').val().trim();
			params += "&mobile=";
			params += $('#queryMobile').val().trim();
			params += "&provinceName=";
			params += $('#queryProvinceName').val().trim();
			params += "&cityName=";
			params += $('#queryCityName').val().trim();
			params += "&state=";
			params += $('#queryState').val().trim();
			window.location.href = "${ctx}/preProject/exportToExcel"+params;
			 */

		}
	</script>
</body>
</html>